<template>
  <sequence-diagram :data-list="dataList" @line-click="lineClick" style="height:4000px"/>
</template>
<script>
import SequenceDiagram from './SequenceDiagram'
export default {
  data() {
    var froms = ['a','b','c','d','e','f','g','h','i','j']
    var data = [] ;
    for(var i=0 ; i< 200; i++){
      data.push({
          label: '100ms',
          from: froms[i%froms.length],
          to: froms[(i+3)%froms.length],
          note: 'new order request'+i,
          isDash: 0
        })
    }

    return {
      dataList: data 
    }
  },
  components:{
      SequenceDiagram
  },
  methods:{
      lineClick(index,lineData){
          console.log(index+"="+lineData)
      }
  }
}
</script>
